<template>
  <!-- 编辑会员积分-->
  <div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="常规选项" name="1">
          <div>
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
              <el-form-item label="会员名称" prop="name">
                <el-input :disabled="ruleForm.id?true:false" class="wid260" v-model="ruleForm.name" placeholder="请输入会员名称"></el-input>
              </el-form-item>
              <el-form-item label="积分类型" prop="name">
                <el-select  :disabled='disabled' filterable class="wid260" v-model="ruleForm.name" placeholder="请选择">
                  <el-option v-for="(item,index) in opctions" :key="index" :label="item.name" :value="item.id" />
                </el-select>
              </el-form-item>
              <el-form-item label="调整积分" prop="name">
                <el-input class="wid260" v-model="ruleForm.name" placeholder="请输入调整积分"></el-input>
              </el-form-item>
             
              <el-form-item  prop="name">
                <el-button type="primary"   @click="submitForm('ruleForm')">确定</el-button>
               <el-button @click="goback">返回</el-button>
              </el-form-item>
            </el-form>
          </div>
      </el-tab-pane>
      <el-tab-pane label="兑换记录" name="2">
        <div>
          <el-button @click="goback" class="marginB10">返回</el-button>
          <el-table
            :data="lists"
            height="580"
            stripe
            border
            ref="multipleTable"
            style="width: 100%">
            <el-table-column type="selection" width="55"/>
            <el-table-column align="center" type="index" label="序号" width="50" />
            <el-table-column sortable align="center" prop="endTime" label="兑换时间" />
            <el-table-column  align="center" prop="organizationName" label="兑换积分值" />
            <el-table-column  align="center" prop="title" label="积分来源"/>
          
          </el-table>
        <Pagination :total="total" :pages="pages" :searchQuery="searchQuery"></Pagination>
      </div>
      </el-tab-pane>
      
    </el-tabs>
  
  </div>
</template>
<script>
  // import {questionnaireRecordReportList,questionnaireRecordDel} from '@/assets/api/api'
  import {AddEditmixin} from '@/assets/mixins/addEditmixin'
  import moment from 'moment'
  export default {
    name:'AddEditintegral',
    mixins: [AddEditmixin],
    components:{
    },
    props:['dispatchId','contentId'],
    data(){
      return{
        activeName:'1',
        goBackPath:'/vip/vipIntegralList',//新增编辑的路径
        pageLoading:false,
        multipleSelection:[],
          detailId:'',//量表的详情id
          reportShow:false,//报告显示
        ruleForm:{
        
          name: ""
        },
        opctions:[{name:'请选择',id:''},{name:'加',id:1},{name:'减',id:2}],
      disabled:false,
      rules: {
        name: [
          { required: true, message: '请输入账号名', trigger: 'blur' },
          { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' },
        ],
      },

        title:'新增',
        pages:{ //分页搜索
          keyWord:'',
          page:1,
          size:10,
        },
        total:0,// 总条数
        loading:false,//加载中...
        lists:[1],
        detailObj:{},//点击每行的详情数据
        
      }
    },
    created() {
       
    },
    methods:{
      searchQuery(){

      },
      handleSelectionChange(val) {//多选
        this.multipleSelection = val;
      },
 
    
      handleClick(e){//

      },
      submitForm(){

      }
     
      
 
    }
  }
</script>
<style lang="scss" scoped>
::v-deep .el-input-group__append, ::v-deep.el-input-group__prepend{
    color: #fff;
  }

</style>
